<!DOCTYPE html>
<html lang="zh-CN">
<head>
      <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>订单管理</title>
	<!-- Bootstrap Styles-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
		<link rel="stylesheet" href="assets/css/bootstrap.css" />
		<link rel="stylesheet" href="assets/css/order_manage.css" />
		<script type="text/javascript">
			function dianji() {

				var flag = document.getElementById("all").checked;
	     		var cks = document.getElementsByName("ck");

				if(flag) {

					for(var i = 0; i < cks.length; i++) {

						cks[i].checked = true;

					}

				} else {

					for(var i = 0; i < cks.length; i++) {

						cks[i].checked = false;

					}

				}

			}
		</script>

</head>
<body>
    <div class="container-fluid">
			<div class="row">
				<div class="col-md-12">
					<h1 class="page-header">
                                          订单管理 <small> 订单列表</small>
                    </h1>     
				</div>
			</div>
			<div class="row">
				<div class=" col-md-12 ">
					<!-- 商品列表--bootstrap高级表格使用 -->
					<div class="panel panel-default">
						<div class="panel-heading">
							订单列表
						</div>
						<div class="panel-body">
							<!--table-responsive响应式表格，会自动添加滚动条-->
							<div class="">
								
								<select id="order_status" name="order_status"  >     							
									<option value="--订单状态--">--订单状态--</option>
									<option value="未确认">未确认</option>
									<option value="已确认">已确认</option>
                                    <option value="已取消">已取消 </option>   
                                    <option value="已完成">已完成</option>
                                    
                               </select>
                               &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
								  <select id="paystatus" name="paystatus"  >     							
									<option value="--支付状态--">--支付状态--</option>
									<option value="未支付">未支付</option>
									<option value="已支付">已支付</option>
                                    <option value="已退款">已退款</option>   
                                </select>
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	
								<select id="dpcsty" name="dpcsty"  >     							
									<option value="--配送状态--">--配送状态--</option>
									<option value="未发货">未发货</option>
									<option value="已发货">已发货</option>
                                    <option value="已退货">已退货 </option>   
                               </select>
                               &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                               
								<select id="order_status" name="order_status"  >     							
									<option value="--支付方式--">--支付方式--</option>
									<option value="网上支付">网上支付</option>
									<option value="货到付款">货到付款</option>
                                </select>
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <select id="order_status" name="order_status"  >     							
									<option value="--配送方式--">--配送方式--</option>
									<option value="普通快递">普通快递</option>
									<option value="顺丰快递">顺丰快递</option>
                                </select>
	
							</div>
							<br />
							<div>
								订单编号：<input id="order_num" name="order_num" type="text"/>&nbsp;&nbsp;&nbsp;&nbsp;
								下单时间：<input id="order_date1" name="order_date1" type="datetime"/>&nbsp-&nbsp<input id="order_date2" name="order_date2" type="datetime"/>&nbsp;&nbsp;&nbsp;&nbsp;
								<input id="search" name="search" type="button" value="查询" class="btn btn-info"/>
								
							</div>
							<br />
						
							<div class="table-responsive">
								<table class="table table-striped table-bordered table-hover" id="order_manage">
                                    <thead>
                                        <tr>
                                        	<th><input type="checkbox" name="checkall" id="all" onchange="dianji()"></input></th>
                                            <th>ID</th>
                                            <th>订单编号</th>
                                            <th>买家姓名</th>
                                            <th>订单金额(元)</th>
                                            <th>下单日期</th>
                                            <th>订单<br />状态</th>
                                            <th>支付<br />状态</th>
                                            <th>支付<br />方式</th>
                                            <th>配送<br />状态</th>
                                            <th>配送<br />方式</th>
                                            <th>操作</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr class="odd gradeX">
                                        	  <td><input type="checkbox" name="ck"></input></td>
                                            <td>1635</td>
                                            <td><a>1530094703</a></td>
                                            <td>frieblade1</td>
                                            <td>1399</td>

                                            <td>2018-06-27<br />18:18:22</td>
                                            
                                            <td>已取消</td>
                                            <td>未支付</td>
                                            <td>货到付款</td>
                                            <td>未发货</td>
                                            <td>普通快递</td>
                                            <td><a title="修改" class="t-edit glyphicon glyphicon-pencil" href="order_modify.html"></a>
                                            	 &nbsp<a title="删除" class="t-del glyphicon glyphicon-trash"></a>
                                            </td>
                                        </tr>
                                        <tr class="even gradeC">
                                        		<td><input type="checkbox" name="ck"</input></td>
                                            <td>1636</td>
                                            <td><a>1530548701</a></td>
                                            <td>hahaha</td>
                                            <td>1577</td>
                                            <td>2018-06-20<br />10:15:22</td>

                                            <td>已取消</td>
                                            <td>已支付</td>
                                            <td>网上支付</td>
                                            <td>未发货</td>
                                            <td>顺丰快递</td>
                                             <td><a title="修改" class="t-edit glyphicon glyphicon-pencil" href="order_modify.html"></a>
                                            	 &nbsp<a title="删除" class="t-del glyphicon glyphicon-trash"></a>
                                            </td>                
                                        </tr>
                                         <tr class="odd gradeX">
                                        	  <td><input type="checkbox" name="ck"></input></td>
                                            <td>1637</td>
                                            <td><a>1530094702</a></td>
                                            <td>ABC</td>
                                            <td>1577</td>
                                            <td>2018-06-27<br />18:18:22</td>

                                            <td>未确认</td>
                                            <td>未支付</td>
                                            <td>货到付款</td>
                                            <td>未发货</td>
                                            <td>普通快递</td>
                                            <td><a title="修改" class="t-edit glyphicon glyphicon-pencil"></a>
                                          &nbsp<a title="删除" class="t-del glyphicon glyphicon-trash"></a>
                                            </td>
                                        </tr>
									</tbody>
								</table>
							</div>
							
						<!--	<div class="container">-->
							<!--分页显示-->
							<div class="row">
								<div class="col-md-6">
									<div class="pagination" style="margin: 0px;" role="alert" aria-live="polite" aria-relevant="all">显示 1 到 10 页 记录数57</div>
								</div>
								<div class="col-md-6" style="text-align: right;">
									<ul class="pagination" style="margin: 0px;">
										<li>
											<a href="#" aria-label="Previous">
												<span aria-hidden="true">&laquo;</span>
											</a>
										</li>
										<li>
											<a href="#">1</a>
										</li>
										<li>
											<a href="#">2</a>
										</li>
										<li>
											<a href="#">3</a>
										</li>
										<li>
											<a href="#">4</a>
										</li>
										<li>
											<a href="#">5</a>
										</li>
										<li>
											<a href="#" aria-label="Next">
												<span aria-hidden="true">&raquo;</span>
											</a>
										</li>
									</ul>
								</div>
							</div>
							<!--分页显示-->
							<!--</div>-->
						</div>
					</div>
					<!--表格结束 -->
				</div>
			</div>
		</div>
   
</body>
</html>
